/*
Author ： Fish
QQ : 20121310
Email : 20121310@qq.com
Mobile : 18936118357
Applicable scope : Only authorized to DFRobot employees 
 */

/*-------------------- common Begin -----------------------*/
body {
  background-color: #171b21;
  margin: 0;
  padding: 0;
  min-height: 100%;
}
.label_div .badge{ margin-top:8px;}

.scrollbar::-webkit-scrollbar {
	border-width:1px;
}
.line-2{
  
  max-height: 4rem;
  overflow: hidden;
  display: block;
  -webkit-line-clamp: 2;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
.line-4{
  
  max-height: 8rem;
  overflow: hidden;
  display: block;
  -webkit-line-clamp: 4;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
.reply-content img{ max-width: 60%; padding: 2px;}
.uploadBox{ position: relative;}
.uploadBox input{ width: 100%; height: 100%; position: absolute;cursor: pointer;
  opacity: 0;
}
.searchBox{
  width: 100%;
  background: #fff;
  z-index: 999;
  height: 177px;
  border: 1px solid #eee;
  overflow-y: auto;
  overflow-x: hidden;
}
.searchBox a{ 
  border-bottom: 1px solid #eee;
}
.searchBox a:last-child{
  border-bottom:none
}
.reply-content blockquote{
    border-left:8px solid #666;
    background-color: #444;
    padding: 8px;
    margin: 8px 0px;
}
.reply-content a{
  text-decoration: underline;
  word-break: break-all;
  color: #ff5a00;
}
.button_for_menuitem:checked ~ div{
  display: block;
}
.unread{ color:#ff5a00 ;}
.unread .text-gray-400{
  color: #e38383;
}
.fadein {
  opacity: 1;
  animation: cricleLoading 0.25s;
}
.fadeout {
  animation: cricleLoading 0.25s;
  opacity: 0;
}
@-webkit-keyframes cricleLoading {
  0% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
@keyframes cricleLoading {
  0% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
#alertBox{
  position: fixed;
  z-index: 99999;
  width: 300px;
  top: 60px;
  right: 20px;
   
}
 
.modal-box{
   height: 99%;
  overflow-y: auto;
}
@media only screen and (min-width: 1200px) {
  .modal-box{
    max-height:100%;
    height:auto;
   overflow-y: auto;
  }
}

.ski-content{
   text-align: left;
   color: #cdcdcd;
   font-size: 15px;
}
.ski-content h2,.ski-content h3{ font-size: 18px; color: rgb(248, 245, 245); margin-top:15px; margin-bottom: 5px; }
.ski-content p{ color: #cdcdcd; margin-top: 8px; }
.ski-content  strong{font-size: 16px; color: rgb(248, 245, 245);}